@charset "utf-8";
body{font-family: "Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", STHeiti, "Microsoft YaHei";}
body,html{margin: 0; padding: 0; min-width: 1024px;font-size: 12px;}
.dropdown-menu{font-size: 12px;}
* {outline: none!important;}
.clear {zoom: 1;clear: both;}
.clear:after {content: "";display: block;clear: both;font-size: 0;line-height: 0;visibility: hidden;}
.fl{float: left;}
.fr{float: right;}
/*自定义链接颜色(可自由更换)*/
a,a:hover{text-decoration:none;} /*链接-颜色*/
a.button:hover,a.button:focus{text-decoration:none;color: #fff;} /*链接-悬浮颜色*/
ul li{list-style: none;}
/*段落*/
p,.p{line-height:25px;}
.text-indent,.text-indent p,.text-indent div{text-indent:2em;}
/*粗体*/
.strong{font-weight:bold;}
.text-normal{font-weight:normal;}
/*对齐*/
.text-left{text-align:left !important;}
.text-center{text-align:center !important;}
.text-right{text-align:right !important;}
.text-justify{text-align:justify !important;}
/*文本省略*/
.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.no-ellipsis{overflow:auto;text-overflow:initial;white-space:normal;}
/***input***/
.input{font-size:12px;padding:6px;border:solid 1px #ccc;width:100%;height:34px;line-height:20px;display:block;background-color: #fff; -webkit-appearance:none;/*transition:all 1s;*/}
.input:focus,.input-focus{border-color:#40b2da;background-color:#f5f8fd;/*transition:all 0.3s*/}
.input:hover,.input-hover{border-color:#40b2da;}
.input-error,.input-error:hover{border-color:#d93600;}
.input-error:focus{border-color:#d93600;background-color:#fff;}
.input-disabled, .input-disabled:hover, .input[disabled], .input[disabled]:hover {border-color:#999;background-color: #eee;}
.input-readonly, .input[readonly], .input[readonly]:hover { border-color: #ccc; background-color: #fff; }
/***Button***/
.button {display:inline-block;padding: 6px 20px;border: 1px solid #ddd;border-radius: 3px;color: #fff;font-size:12px; line-height: 22px; text-align: center; background:#428bca; /*transition: all 0.3s;*/ cursor: pointer; }
.button:hover{background: #3473a9;}
/***select***/
.select{width:100%;height:26px;border:1px solid #ccc;}
.select:focus,.select:hover{border-color:#40b2da;}
/***textarea***/
.textarea{border:1px solid #ccc;resize: none;}
.textarea:hover{border-color:#40b2da;}
.textarea:focus{border-color:#40b2da;background-color:#f5f8fd;}

/*HR*/
.hr-gray { width: 100%; border-top: 1px solid #d6d6d6; border-bottom: 1px solid #fff; }
.hr-black { width: 100%; border-top: 1px solid #171717; border-bottom: 1px solid #707070; }
.hr-blue { width: 100%; border-top: 1px solid #2969a6; border-bottom: 1px solid #488bcb; }
/***隐藏与显示***/
.show{display:block !important;}
.hidden{display:none !important;}
.visible-hidden { visibility: hidden; }
.over-initial{overflow: initial !important;}
.over-hidden{overflow: hidden;}

.layerBox-aelect{width:150px;height: 30px;}
.layui-layer-content input[type="checkbox"]{width: 15px; height: 15px; vertical-align: middle;margin-bottom: 2px; margin-left: 10px;}
.layui-layer-content textarea{resize: none;}
/*============顶部==============*/
.navbar-mystyle{background-color:#428bca; color:#FFF;}
.logo{ background-color:#3981be; display:block;padding: 10px 11px;}
.lianmeng-tit{font:normal 14px/50px "微软雅黑";width: 280px; text-align: center;}
.navbar-default .navbar-nav>li>a:hover {color: #fff;}
.navbar-default .navbar-nav>li>a,.navbar-default .navbar-nav>li>a:focus{color:#FFF;}
.navbar-default .navbar-brand{color:#FFF;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{ background-color:#FFF; color:#23b7e5;}
.navbar-default .dropdown-menu{ width:100%; min-width:1px; border:0px; border-top:1px solid #e5e5e5;}
.li-border{border-right: 1px solid #4b96d7;}
/*产品与服务下拉内容*/
.navbar-nav .dropdown .topbar-nav-list{ color:#000; font-size:12px;padding:10px; width:auto; white-space: nowrap;}
.topbar-nav-col{vertical-align: top;padding: 0 10px; display:inline-block;}
.topbar-nav-col .topbar-nav-item-title{margin: 3px 0px;color: #033d51;font-weight: 600; font-size:13px;}
.topbar-nav-col ul li{ list-style:none; min-width: 160px;height: 28px;line-height: 28px;margin-bottom: 2px;}
.dropdown-menu .topbar-nav-col ul{ padding-top:5px; padding-left:0px;}
.topbar-nav-col ul li a{display: block;height: 100%;padding: 0 10px;text-decoration: none;color: #707070;}
.topbar-nav-col ul li a:hover{ background-color:#f2f2f2;}
.topbar-nav-col .topbar-nav-item{ border-bottom:solid 1px #f2f2f2;} 
.navbar-default .navbar-toggle{ border-color:#FFF;}
.navbar-default .navbar-toggle .icon-bar{ background-color:#FFF;}
.xiaoxi-lingd{position: relative;font-size: 18px;}
span.topbar-num{position: absolute;color: #fff;background: #f90;border-radius:10px;padding: 2px 6px;font-family: "微软雅黑";
 text-align: center;display: block;top: 5px; left: 0px;font-size: 11.844px;font-weight: bold;line-height:14px;}

/*============左侧导航栏============*/
.down-main{position: absolute;width: 100%;top: 50px;bottom: 0px;z-index: 100;}
.left-full{ width:160px; display:block;}
.right-full{ left:160px;}
.left-off{ width:48px; display:block;}
.right-off{ left:48px;}
.right-product{position: absolute;top: 0px;bottom: 0px;right: 0px;background: #FFF;}
.sidebar-fold{ height: 30px;width: 100%;background: #505050;color: #fff;text-align: center; height:30px; font-size: 12px;cursor: pointer;}
.sidebar-fold span{ line-height:30px;transform:rotate(90deg);-ms-transform:rotate(90deg); /* Internet Explorer */
-moz-transform:rotate(90deg); /* Firefox */-webkit-transform:rotate(90deg); /* Safari 和 Chrome */-o-transform:rotate(90deg); /* Opera */}
.left-main{ bottom: 0px; top:50px; z-index:100; position:fixed; background-color:#404040;}
.sBox {cursor: pointer;}
.sBox.active .sublist-down{background: #337ab7;}
.sBox ul li{ background-color: transparent;list-style-type:none; position:relative;border-bottom: 1px solid #353434;font-size: 12px;}
.sBox ul{ padding:0px; position: relative; margin:0px;}
.sBox ul li a{display: block;width: 100%;height: 40px;line-height: 40px;overflow: hidden; text-decoration:none; color:#FFF;}
.sublist-icon{border-right: 1px solid #353434;}
.sBox ul li:before{position: absolute;width:2px;height: 40px;top: 0;bottom: 0;left: 0;content: "";
transition:width 1s;-moz-transition:width 1s;-webkit-transition:width 1s; -o-transition:width 1s; background-color: #428bca;}
.sBox ul li.changdu:before{width: 48px;}
/*.sBox ul li.bg-palette1:before{background: #5cb85c;}
.sBox ul li.bg-palette2:before{background: #f90;}
.sBox ul li.bg-palette3:before{background: #7266ba;}
.sBox ul li.bg-palette4:before{background: #23b7e5;}
.sBox ul li.bg-palette5:before{background: #e36159;}*/
.sBox .sublist-icon,.subNavBox .subNav .title-icon{ width:48px; text-align:center;}
.subNavBox .subNav{ height:40px; line-height:40px; color: #fff;border-top: 1px solid #404040;}
.sBox .sublist-down{ background-color:#353434;}
.sBox .sublist-up{ background-color:#353434;}
.sBox .sublist-up ul{ display:none;}
.sBox .sublist-title{ cursor:pointer;font-size: 12px;}
.sBox .sub-title{ cursor:pointer;margin-left: 10px;}
/*.sBox .subNav:hover,.sBox ul li:hover{background-color:#535252;}*/
.sBox span{ line-height:40px;}
.sBox ul li .showtitle{ text-align:center; line-height:40px; position:absolute; z-index:100; background-color:#404040; left:55px; padding:0px 10px 0px 10px; color:#FFF; min-width:100px; display:none;}
.sBox ul li .showtitle img {position: absolute;left: -6px; top: 14px;}
.left-off .sBox ul li .sub-title{ display:none;}
.left-off .sBox .sublist-title{ display:none;}
.sBox ul .active:before{width: 48px;}

